<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .strelitzia_box {
            display: flex;width: 70%; justify-content: space-around;margin: 0 auto;font-weight:bold;
        }
        .strelitzia {
            background-color: #dbdbdb;border-radius: 15px
        }

        @media (min-width: 1301px) {
            .strelitzia{
                font-size: 100px;text-align: center;line-height: 170px;
                height: 170px;width: 170px;
            }
        }
        @media (max-width: 1300px) {
            .strelitzia{
                font-size: 50px;text-align: center;line-height: 100px;
                height: 100px;width: 100px;
            }
        }

        @media (max-width: 800px) {
            .strelitzia{
                font-size: 50px;text-align: center;line-height: 60px;
                height: 60px;width: 60px;
            }
        }
    </style>
</head>
<body>
<div class="strelitzia_box">
    <div class="strelitzia">
        $0
    </div>
    <div class="strelitzia">
        $1
    </div>
    <div class="strelitzia">
        $2
    </div>
    <div class="strelitzia">
        $3
    </div>
    <div class="strelitzia">
        $4
    </div>
</div>
</body>
</html>